a[class^="hvr_"] {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
  margin: .4em;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ddd;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  backface-visibility: hidden;
  background-color: #e1e1e1
}

.hvr_grow {
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_grow:hover {
  transform: scale(1.1)
}

.hvr_shrink {
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_shrink:hover {
  transform: scale(.9)
}

.hvr_pulse:hover {
  animation-name: hvr_pulse;
  animation-duration: 1s;
  animation-iteration-count: infinite
}

.hvr_pulse_grow:hover {
  animation-name: hvr_pulse_grow;
  animation-duration: .3s;
  animation-iteration-count: infinite;
  animation-direction: alternate
}

.hvr_pulse_shrink:hover {
  animation-name: hvr_pulse_shrink;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-direction: alternate;
  animation-iteration-count: infinite
}

.hvr_push:hover {
  animation-name: hvr_push;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: 1
}

.hvr_pop:hover {
  animation-name: hvr_pop;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: 1
}

.hvr_bounce_in {
  transform: translateZ(0);
  transition-duration: .5s;
}

.hvr_bounce_in:hover {
  transform: scale(1.2);
  transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hvr_bounce_out {
  transform: translateZ(0);
  transition-duration: .5s;
}

.hvr_bounce_out:hover {
  transform: scale(.8);
  transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hvr_rotate {
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_rotate:hover {
  transform: rotate(4deg)
}

.hvr_grow_rotate {
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_grow_rotate:hover {
  transform: scale(1.1) rotate(4deg)
}

.hvr_float {
  transform: translateZ(0);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr_float:hover {
  transform: translateY(-8px)
}

.hvr_sink {
  transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-property: transform;
}

.hvr_sink:hover {
  transform: translateY(8px)
}

.hvr_bob:hover {
  animation-name: hvr_bob_float, hvr_bob;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate
}

.hvr_hang:hover {
  animation-name: hvr_hang_sink, hvr_hang;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate
}

.hvr_skew {
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_skew:hover {
  transform: skew(-10deg)
}

.hvr_skew_forward {
  transition-duration: .3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr_skew_forward:hover {
  transform: skew(-10deg)
}

.hvr_skew_backward {
  transition-duration: .3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr_skew_backward:hover {
  transform: skew(10deg)
}

.hvr_wobble_horizontal:hover {
  animation-name: hvr_wobble_horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

.hvr_wobble_vertical:hover {
  animation-name: hvr_wobble_vertical;
  animation-timing-function: ease-in-out;
  animation-duration: 1s;
  animation-iteration-count: 1
}

.hvr_wobble_to_bottom_right:hover {
  animation-name: hvr_wobble_to_bottom_right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

.hvr_wobble_to_top_right:hover {
  animation-name: hvr_wobble_to_top_right;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

.hvr_wobble_top {
  transform-origin: 0 100%;
}

.hvr_wobble_top:hover {
  animation-name: hvr_wobble_top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

.hvr_wobble_bottom {
  transform-origin: 100% 0;
}

.hvr_wobble_bottom:hover {
  animation-name: hvr_wobble_bottom;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

.hvr_wobble_skew:hover {
  animation-name: hvr_wobble_skew;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

.hvr_buzz:hover {
  animation-name: hvr_buzz;
  animation-duration: .15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.hvr_buzz_out:hover {
  animation-name: hvr_buzz_out;
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-iteration-count: 1
}

.hvr_fade {
  transition-duration: .3s;
  transition-property: color, background-color;
}

.hvr_fade:hover {
  color: #fff;
  background-color: #0275d8
}

.hvr_back_pulse {
  transition-duration: .5s;
  transition-property: color, background-color;
}

.hvr_back_pulse:hover {
  animation-name: hvr_back_pulse;
  animation-duration: 1s;
  animation-delay: .5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  color: #fff;
  background-color: #0275d8
}

.hvr_sweep_to_right {
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_sweep_to_right:hover {
  color: #fff
}

.hvr_sweep_to_right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0275d8;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_sweep_to_right:hover:before {
  transform: scaleX(1)
}

.hvr_sweep_to_left {
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_sweep_to_left:hover {
  color: #fff
}

.hvr_sweep_to_left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0275d8;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_sweep_to_left:hover:before {
  transform: scaleX(1)
}

.hvr_sweep_to_bottom {
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_sweep_to_bottom:hover {
  color: #fff
}

.hvr_sweep_to_bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0275d8;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_sweep_to_bottom:hover:before {
  transform: scaleY(1)
}

.hvr_sweep_to_top {
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_sweep_to_top:hover {
  color: #fff
}

.hvr_sweep_to_top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0275d8;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_sweep_to_top:hover:before {
  transform: scaleY(1)
}

.hvr_radial_out {
  position: relative;
  overflow: hidden;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_radial_out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0275d8;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_radial_out:hover {
  color: #fff
}

.hvr_radial_out:hover:before {
  transform: scale(2)
}

.hvr_radial_in {
  position: relative;
  overflow: hidden;
  background: #0275d8 !important;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_radial_in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  transform: scale(2);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_radial_in:hover {
  color: #fff
}

.hvr_radial_in:hover:before {
  transform: scale(0)
}

.hvr_rectangle_in {
  position: relative;
  transition-property: color;
  transition-duration: .3s;
  background-color: #0275d8 !important;
}

.hvr_rectangle_in:hover {
  color: #fff
}

.hvr_rectangle_in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  transform: scale(1);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_rectangle_in:hover:before {
  transform: scale(0)
}

.hvr_rectangle_out {
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_rectangle_out:hover {
  color: #fff
}

.hvr_rectangle_out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0275d8;
  transform: scale(0);
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-duration: .3s
}

.hvr_rectangle_out:hover:before {
  transform: scale(1)
}

.hvr_shutter_in_horizontal {
  position: relative;
  transition-property: color;
  transition-duration: .3s;
  background-color: #0275d8 !important;
}

.hvr_shutter_in_horizontal:hover {
  color: #fff
}

.hvr_shutter_in_horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e1e1e1;
  transform: scaleX(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_shutter_in_horizontal:hover:before {
  transform: scaleX(0)
}

.hvr_shutter_out_horizontal {
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_shutter_out_horizontal:hover {
  color: #fff
}

.hvr_shutter_out_horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0275d8;
  transform: scaleX(0);
  transition-property: transform;
  transition-timing-function: ease-out;
  transition-duration: .3s
}

.hvr_shutter_out_horizontal:hover:before {
  transform: scaleX(1)
}

.hvr_shutter_in_vertical {
  position: relative;
  background-color: #0275d8 !important;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_shutter_in_vertical:hover {
  color: #fff
}

.hvr_shutter_in_vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e1e1e1;
  transform: scaleY(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_shutter_in_vertical:hover:before {
  transform: scaleY(0)
}

.hvr_shutter_out_vertical {
  position: relative;
  transition-property: color;
  transition-duration: .3s;
}

.hvr_shutter_out_vertical:hover {
  color: #fff
}

.hvr_shutter_out_vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0275d8;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_shutter_out_vertical:hover:before {
  transform: scaleY(1)
}

.hvr_border_thick {
  transition: border-color .3s, color .3s;
  overflow: hidden;
  transition-timing-function: cubic-bezier(.2, 1, .3, 1);
  position: relative;
  z-index: 1;
}

.hvr_border_thick:hover {
  color: #fff
}

.hvr_border_thick:hover:before {
  opacity: 1;
  background-color: #0275d8;
  transform: rotate3d(0, 0, 1, 0);
  transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.hvr_border_thick:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background-color: #37474f;
  transition: transform .3s, opacity .3s, background-color .3s;
  transform-origin: 0% 100%;
  width: 100%;
  height: 100%;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0)
}

.hvr_border_fade {
  transition-property: box-shadow;
  transition-duration: .3s;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
}

.hvr_border_fade:hover {
  box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0)
}

.hvr_border_hollow {
  transition-property: background;
  transition-duration: .3s;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0) !important;
}

.hvr_border_hollow:hover {
  background: none
}

.hvr_border_trim {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.hvr_border_trim:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .3s;
  border: #fff solid 4px
}

.hvr_border_trim:hover:before {
  opacity: 1
}

.hvr_border_ripple_out {
  position: relative;
}

.hvr_border_ripple_out:before {
  content: "";
  position: absolute;
  border: 6px solid #e1e1e1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation-duration: 1s
}

.hvr_border_ripple_out:hover:before {
  animation-name: hvr_border_ripple_out
}

.hvr_border_ripple_in {
  position: relative;
}

.hvr_border_ripple_in:before {
  content: "";
  position: absolute;
  border: 6px solid #e1e1e1;
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
  animation-duration: 1s;
  opacity: 0
}

.hvr_border_ripple_in:hover:before {
  animation-name: hvr_border_ripple_out
}

.hvr_border_outline_out {
  position: relative;
}

.hvr_border_outline_out:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 4px solid #e1e1e1;
  transition-duration: .3s;
  transition-property: top, right, bottom, left
}

.hvr_border_outline_out:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px
}

.hvr_border_outline_in {
  position: relative;
}

.hvr_border_outline_in:before {
  content: "";
  position: absolute;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  border: 4px solid #e1e1e1;
  transition-duration: .3s;
  transition-property: top, right, bottom, left
}

.hvr_border_outline_in:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1
}

.hvr_border_round_corners {
  transition-duration: .3s;
  transition-property: border-radius;
}

.hvr_border_round_corners:hover {
  border-radius: 1em
}

.hvr_border_underline_from_left {
  position: relative;
}

.hvr_border_underline_from_left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #0275d8;
  height: 4px;
  transition-property: right;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_border_underline_from_left:hover:before {
  right: 0
}

.hvr_border_underline_from_center {
  position: relative;
}

.hvr_border_underline_from_center:before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 50%;
  bottom: 0;
  left: 50%;
  background: #0275d8;
  height: 4px;
  transition-property: left, right;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_border_underline_from_center:hover:before {
  left: 0;
  right: 0
}

.hvr_border_underline_from_right {
  position: relative;
}

.hvr_border_underline_from_right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #0275d8;
  height: 4px;
  transition-property: left;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_border_underline_from_right:hover:before {
  left: 0
}

.hvr_border_reveal {
  position: relative;
}

.hvr_border_reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-color: #0275d8;
  border-style: solid;
  border-width: 0;
  transition-property: border-width;
  transition-duration: .1s;
  transition-timing-function: ease-out
}

.hvr_border_reveal:hover:before {
  transform: translateY(0);
  border-width: 4px
}

.hvr_border_underline_reveal {
  position: relative;
  overflow: hidden;
}

.hvr_border_underline_reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0275d8;
  height: 4px;
  transform: translateY(4px);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_border_underline_reveal:hover:before {
  transform: translateY(0)
}

.hvr_border_overline_reveal {
  position: relative;
  overflow: hidden;
}

.hvr_border_overline_reveal:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #0275d8;
  height: 4px;
  transform: translateY(-4px);
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_border_overline_reveal:hover:before {
  transform: translateY(0)
}

.hvr_border_overline_from_left {
  position: relative;
}

.hvr_border_overline_from_left:before {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
  background: #0275d8;
  height: 4px;
  transition-property: right;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_border_overline_from_left:hover:before {
  right: 0
}

.hvr_border_overline_from_center {
  position: relative;
}

.hvr_border_overline_from_center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #0275d8;
  height: 4px;
  transition-property: left, right;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_border_overline_from_center:hover:before {
  left: 0;
  right: 0
}

.hvr_border_overline_from_right {
  position: relative;
}

.hvr_border_overline_from_right:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 100%;
  right: 0;
  top: 0;
  background: #0275d8;
  height: 4px;
  transition-property: left;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_border_overline_from_right:hover:before {
  left: 0
}

.hvr_icon_back {
  position: relative;
  padding-left: 2.2em !important;
  transition-duration: .3s;
}

.hvr_icon_back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: .1s;
  transition-timing-function: ease-out;
  transform: translateZ(0)
}

.hvr_icon_back:hover:before {
  transform: translateX(-4px)
}

a[class^="hvr_icon_"] {
  position: relative;
  padding-right: 2.2em;
}

a[class^="hvr_icon_"]:before {
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  color: #666
}

.hvr_icon_back {
  position: relative;
  padding-left: 2.2em !important;
  transition-duration: .1s;
}

.hvr_icon_back:before {
  content: "\f137";
  left: 1em !important;
  transition-duration: .1s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr_icon_back:hover:before {
  transform: translateX(-4px)
}

.hvr_icon_forward {
  transition-duration: .1s;
}

.hvr_icon_forward:before {
  content: "\f138";
  transition-property: transform;
  transition-duration: .1s;
  transition-timing-function: ease-out
}

.hvr_icon_forward:hover:before {
  transform: translateX(4px)
}

.hvr_icon_down:before {
  content: "\f01a";
  padding: 0 1px
}

.hvr_icon_down:hover:before {
  animation-name: hvr_icon_down;
  animation-duration: .75s;
  animation-timing-function: ease-out
}

.hvr_icon_up:before {
  content: "\f01b"
}

.hvr_icon_up:hover:before {
  animation-name: hvr_icon_up;
  animation-duration: .75s;
  animation-timing-function: ease-out
}

.hvr_icon_spin:before {
  content: "\f021";
  transition-property: transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out
}

.hvr_icon_spin:hover:before {
  transform: rotate(360deg)
}

.hvr_icon_drop:before {
  content: "\f041"
}

.hvr_icon_drop:hover:before {
  opacity: 0;
  transition-duration: .3s;
  animation-name: hvr_icon_drop;
  animation-duration: .5s;
  animation-delay: .3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.hvr_icon_fade:before {
  content: "\f00c";
  transition-duration: .5s;
  transition-property: color
}

.hvr_icon_fade:hover:before {
  color: #0f9e5e
}

.hvr_icon_float_away:before, .hvr_icon_float_away:after {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0)
}

.hvr_icon_float_away:after {
  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: forwards
}

.hvr_icon_float_away:hover:after {
  animation-name: hvr_icon_float_away;
  animation-timing-function: ease-out
}

.hvr_icon_sink_away:before, .hvr_icon_sink_away:after {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0)
}

.hvr_icon_sink_away:after {
  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: forwards
}

.hvr_icon_sink_away:hover:after {
  animation-name: hvr_icon_sink_away;
  animation-timing-function: ease-out
}

.hvr_icon_grow {
  transition-duration: .3s;
}

.hvr_icon_grow:before {
  content: "\f118";
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr_icon_grow:hover:before {
  transform: scale(1.3) translateZ(0)
}

.hvr_icon_shrink {
  transition-duration: .3s;
}

.hvr_icon_shrink:before {
  content: "\f119";
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr_icon_shrink:hover:before {
  transform: scale(.8)
}

.hvr_icon_pulse:before {
  content: "\f015";
  transition-timing-function: ease-out
}

.hvr_icon_pulse:hover:before {
  animation-name: hvr_icon_pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.hvr_icon_pulse_grow:before {
  content: "\f015";
  transition-timing-function: ease-out
}

.hvr_icon_pulse_grow:hover:before {
  animation-name: hvr_icon_pulse_grow;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate
}

.hvr_icon_pulse_shrink:before {
  content: "\f015";
  transition-timing-function: ease-out
}

.hvr_icon_pulse_shrink:hover:before {
  animation-name: hvr_icon_pulse_shrink;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate
}

.hvr_icon_push {
  transition-duration: .3s;
}

.hvr_icon_push:before {
  content: "\f006";
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.hvr_icon_push:hover:before {
  animation-name: hvr_icon_push;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: 1
}

.hvr_icon_pop {
  transition-duration: .3s;
}

.hvr_icon_pop:before {
  content: "\f005";
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr_icon_pop:hover:before {
  animation-name: hvr_icon_pop;
  animation-duration: .3s;
  animation-timing-function: linear;
  animation-iteration-count: 1
}

.hvr_icon_bounce {
  transition-duration: .3s;
}

.hvr_icon_bounce:before {
  content: "\f087";
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr_icon_bounce:hover:before {
  transform: scale(1.5);
  transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

.hvr_icon_rotate {
  transition-duration: .3s;
}

.hvr_icon_rotate:before {
  content: "\f0c6";
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr_icon_rotate:hover:before {
  transform: rotate(20deg)
}

.hvr_icon_grow_rotate {
  transition-duration: .3s;
}

.hvr_icon_grow_rotate:before {
  content: "\f095";
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr_icon_grow_rotate:hover:before {
  transform: scale(1.5) rotate(12deg)
}

.hvr_icon_float {
  transition-duration: .3s;
}

.hvr_icon_float:before {
  content: "\f01b";
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr_icon_float:hover:before {
  transform: translateY(-4px)
}

.hvr_icon_sink {
  transition-duration: .3s;
}

.hvr_icon_sink:before {
  content: "\f01a";
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out
}

.hvr_icon_sink:hover:before {
  transform: translateY(4px)
}

.hvr_icon_bob {
  transition-duration: .3s;
}

.hvr_icon_bob:before {
  content: "\f077"
}

.hvr_icon_bob:hover:before {
  animation-name: hvr_icon_bob_float, hvr_icon_sink;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards
}

.hvr_icon_hang {
  transition-duration: .3s;
}

.hvr_icon_hang:before {
  content: "\f078"
}

.hvr_icon_hang:hover:before {
  animation-name: hvr_icon_hang_sink, hvr_icon_hang;
  animation-duration: .3s, 1.5s;
  animation-delay: 0s, .3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards
}

.hvr_icon_wobble_horizontal {
  transition-duration: .3s;
}

.hvr_icon_wobble_horizontal:before {
  content: "\f061"
}

.hvr_icon_wobble_horizontal:hover:before {
  animation-name: hvr_icon_wobble_horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

.hvr_icon_wobble_vertical {
  transition-duration: .3s;
}

.hvr_icon_wobble_vertical:before {
  content: "\f062"
}

.hvr_icon_wobble_vertical:hover:before {
  animation-name: hvr_icon_wobble_vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

.hvr_icon_buzz {
  transition-duration: .3s;
}

.hvr_icon_buzz:before {
  content: "\f017"
}

.hvr_icon_buzz:hover:before {
  animation-name: hvr_icon_buzz;
  animation-duration: .15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.hvr_icon_buzz_out {
  transition-duration: .3s;
}

.hvr_icon_buzz_out:before {
  content: "\f023"
}

.hvr_icon_buzz_out:hover:before {
  animation-name: hvr_icon_buzz_out;
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-iteration-count: 1
}

.hvr_shadow {
  transition-duration: .3s;
  transition-property: box-shadow;
}

.hvr_shadow:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5)
}

.hvr_grow_shadow {
  transition-duration: .3s;
  transition-property: box-shadow, transform;
}

.hvr_grow_shadow:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1)
}

.hvr_float_shadow {
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_float_shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  transition-duration: .3s;
  transition-property: transform, opacity
}

.hvr_float_shadow:hover {
  transform: translateY(-5px)
}

.hvr_float_shadow:hover:before {
  opacity: 1;
  transform: translateY(5px)
}

.hvr_glow {
  transition-duration: .3s;
  transition-property: box-shadow;
}

.hvr_glow:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.hvr_shadow_radial:before, .hvr_shadow_radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  transition-duration: .3s;
  transition-property: opacity
}

.hvr_shadow_radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%)
}

.hvr_shadow_radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%)
}

.hvr_shadow_radial:hover:before, .hvr_shadow_radial:hover:after {
  opacity: 1
}

.hvr_box_shadow_qutset {
  transition-duration: .3s;
  transition-property: box-shadow;
}

.hvr_box_shadow_qutset:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6)
}

.hvr_box_shadow_inset {
  transition-duration: .3s;
  transition-property: box-shadow;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
}

.hvr_box_shadow_inset:hover {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0)
}

.hvr_bubble_top:before {
  content: "";
  position: absolute;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  z-index: -1;
  border-style: solid;
  transition-duration: .3s;
  transition-property: transform
}

.hvr_bubble_top:hover:before {
  transform: translateY(-10px)
}

.hvr_bubble_right:before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  top: calc(50% - 10px);
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  z-index: -1;
  border-style: solid;
  transition-duration: .3s;
  transition-property: transform
}

.hvr_bubble_right:hover:before {
  transform: translateX(10px)
}

.hvr_bubble_bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  z-index: -1;
  border-style: solid;
  transition-duration: .3s;
  transition-property: transform
}

.hvr_bubble_bottom:hover:before {
  transform: translateY(10px)
}

.hvr_bubble_left:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  border-style: solid;
  transition-duration: .3s;
  transition-property: transform
}

.hvr_bubble_left:hover:before {
  transform: translateX(-10px)
}

.hvr_bubble_float_top {
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_bubble_float_top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  transition-duration: .3s;
  transition-property: transform
}

.hvr_bubble_float_top:hover {
  transform: translateY(10px)
}

.hvr_bubble_float_top:hover:before {
  transform: translateY(-10px)
}

.hvr_bubble_float_right {
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_bubble_float_right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  transition-duration: .3s;
  transition-property: transform
}

.hvr_bubble_float_right:hover {
  transform: translateX(-10px)
}

.hvr_bubble_float_right:hover:before {
  transform: translateX(10px)
}

.hvr_bubble_float_bottom {
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_bubble_float_bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  transition-duration: .3s;
  transition-property: transform
}

.hvr_bubble_float_bottom:hover {
  transform: translateY(-10px)
}

.hvr_bubble_float_bottom:hover:before {
  transform: translateY(10px)
}

.hvr_bubble_float_left {
  transition-duration: .3s;
  transition-property: transform;
}

.hvr_bubble_float_left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  transition-duration: .3s;
  transition-property: transform
}

.hvr_bubble_float_left:hover {
  transform: translateX(10px)
}

.hvr_bubble_float_left:hover:before {
  transform: translateX(-10px)
}

.hvr_curl_top_left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: #fff;
  background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: .3s;
  transition-property: width, height
}

.hvr_curl_top_left:hover:before {
  width: 25px;
  height: 25px
}

.hvr_curl_top_right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: #fff;
  background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: .3s;
  transition-property: width, height
}

.hvr_curl_top_right:hover:before {
  width: 25px;
  height: 25px
}

.hvr_curl_bottom_right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: .3s;
  transition-property: width, height
}

.hvr_curl_bottom_right:hover:before {
  width: 25px;
  height: 25px
}

.hvr_curl_bottom_left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: .3s;
  transition-property: width, height
}

.hvr_curl_bottom_left:hover:before {
  width: 25px;
  height: 25px
}

@-moz-keyframes octocat-wave {
  0%, 100% {
    transform: rotate(0)
  }
  20%, 60% {
    transform: rotate(-25deg)
  }
  40%, 80% {
    transform: rotate(10deg)
  }
}

@-webkit-keyframes octocat-wave {
  0%, 100% {
    transform: rotate(0)
  }
  20%, 60% {
    transform: rotate(-25deg)
  }
  40%, 80% {
    transform: rotate(10deg)
  }
}

@-o-keyframes octocat-wave {
  0%, 100% {
    transform: rotate(0)
  }
  20%, 60% {
    transform: rotate(-25deg)
  }
  40%, 80% {
    transform: rotate(10deg)
  }
}

@keyframes octocat-wave {
  0%, 100% {
    transform: rotate(0)
  }
  20%, 60% {
    transform: rotate(-25deg)
  }
  40%, 80% {
    transform: rotate(10deg)
  }
}

@-moz-keyframes hvr_pulse {
  25% {
    transform: scale(1.1)
  }
  75% {
    transform: scale(.9)
  }
}

@-webkit-keyframes hvr_pulse {
  25% {
    transform: scale(1.1)
  }
  75% {
    transform: scale(.9)
  }
}

@-o-keyframes hvr_pulse {
  25% {
    transform: scale(1.1)
  }
  75% {
    transform: scale(.9)
  }
}

@keyframes hvr_pulse {
  25% {
    transform: scale(1.1)
  }
  75% {
    transform: scale(.9)
  }
}

@-moz-keyframes hvr_pulse_grow {
  to {
    transform: scale(1.1)
  }
}

@-webkit-keyframes hvr_pulse_grow {
  to {
    transform: scale(1.1)
  }
}

@-o-keyframes hvr_pulse_grow {
  to {
    transform: scale(1.1)
  }
}

@keyframes hvr_pulse_grow {
  to {
    transform: scale(1.1)
  }
}

@-moz-keyframes hvr_pulse_shrink {
  to {
    transform: scale(.9)
  }
}

@-webkit-keyframes hvr_pulse_shrink {
  to {
    transform: scale(.9)
  }
}

@-o-keyframes hvr_pulse_shrink {
  to {
    transform: scale(.9)
  }
}

@keyframes hvr_pulse_shrink {
  to {
    transform: scale(.9)
  }
}

@-moz-keyframes hvr_push {
  50% {
    transform: scale(.8)
  }
  100% {
    transform: scale(1)
  }
}

@-webkit-keyframes hvr_push {
  50% {
    transform: scale(.8)
  }
  100% {
    transform: scale(1)
  }
}

@-o-keyframes hvr_push {
  50% {
    transform: scale(.8)
  }
  100% {
    transform: scale(1)
  }
}

@keyframes hvr_push {
  50% {
    transform: scale(.8)
  }
  100% {
    transform: scale(1)
  }
}

@-moz-keyframes hvr_pop {
  50% {
    transform: scale(1.2)
  }
}

@-webkit-keyframes hvr_pop {
  50% {
    transform: scale(1.2)
  }
}

@-o-keyframes hvr_pop {
  50% {
    transform: scale(1.2)
  }
}

@keyframes hvr_pop {
  50% {
    transform: scale(1.2)
  }
}

@-moz-keyframes hvr_bob {
  0% {
    transform: translateY(-8px)
  }
  50% {
    transform: translateY(-4px)
  }
  100% {
    transform: translateY(-8px)
  }
}

@-webkit-keyframes hvr_bob {
  0% {
    transform: translateY(-8px)
  }
  50% {
    transform: translateY(-4px)
  }
  100% {
    transform: translateY(-8px)
  }
}

@-o-keyframes hvr_bob {
  0% {
    transform: translateY(-8px)
  }
  50% {
    transform: translateY(-4px)
  }
  100% {
    transform: translateY(-8px)
  }
}

@keyframes hvr_bob {
  0% {
    transform: translateY(-8px)
  }
  50% {
    transform: translateY(-4px)
  }
  100% {
    transform: translateY(-8px)
  }
}

@-moz-keyframes hvr_float_bob {
  100% {
    transform: translateY(-8px)
  }
}

@-webkit-keyframes hvr_float_bob {
  100% {
    transform: translateY(-8px)
  }
}

@-o-keyframes hvr_float_bob {
  100% {
    transform: translateY(-8px)
  }
}

@keyframes hvr_float_bob {
  100% {
    transform: translateY(-8px)
  }
}

@-moz-keyframes hvr_hang {
  0% {
    transform: translateY(8px)
  }
  50% {
    transform: translateY(4px)
  }
  100% {
    transform: translateY(8px)
  }
}

@-webkit-keyframes hvr_hang {
  0% {
    transform: translateY(8px)
  }
  50% {
    transform: translateY(4px)
  }
  100% {
    transform: translateY(8px)
  }
}

@-o-keyframes hvr_hang {
  0% {
    transform: translateY(8px)
  }
  50% {
    transform: translateY(4px)
  }
  100% {
    transform: translateY(8px)
  }
}

@keyframes hvr_hang {
  0% {
    transform: translateY(8px)
  }
  50% {
    transform: translateY(4px)
  }
  100% {
    transform: translateY(8px)
  }
}

@-moz-keyframes hvr_hang_sink {
  100% {
    transform: translateY(8px)
  }
}

@-webkit-keyframes hvr_hang_sink {
  100% {
    transform: translateY(8px)
  }
}

@-o-keyframes hvr_hang_sink {
  100% {
    transform: translateY(8px)
  }
}

@keyframes hvr_hang_sink {
  100% {
    transform: translateY(8px)
  }
}

@-moz-keyframes hvr_wobble_horizontal {
  16.65% {
    transform: translateX(8px)
  }
  33.3% {
    transform: translateX(-6px)
  }
  49.95% {
    transform: translateX(4px)
  }
  66.6% {
    transform: translateX(-2px)
  }
  83.25% {
    transform: translateX(1px)
  }
  100% {
    transform: translateX(0)
  }
}

@-webkit-keyframes hvr_wobble_horizontal {
  16.65% {
    transform: translateX(8px)
  }
  33.3% {
    transform: translateX(-6px)
  }
  49.95% {
    transform: translateX(4px)
  }
  66.6% {
    transform: translateX(-2px)
  }
  83.25% {
    transform: translateX(1px)
  }
  100% {
    transform: translateX(0)
  }
}

@-o-keyframes hvr_wobble_horizontal {
  16.65% {
    transform: translateX(8px)
  }
  33.3% {
    transform: translateX(-6px)
  }
  49.95% {
    transform: translateX(4px)
  }
  66.6% {
    transform: translateX(-2px)
  }
  83.25% {
    transform: translateX(1px)
  }
  100% {
    transform: translateX(0)
  }
}

@keyframes hvr_wobble_horizontal {
  16.65% {
    transform: translateX(8px)
  }
  33.3% {
    transform: translateX(-6px)
  }
  49.95% {
    transform: translateX(4px)
  }
  66.6% {
    transform: translateX(-2px)
  }
  83.25% {
    transform: translateX(1px)
  }
  100% {
    transform: translateX(0)
  }
}

@-moz-keyframes hvr_wobble_vertical {
  16.65% {
    transform: translateY(8px)
  }
  33.3% {
    transform: translateY(-6px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

@-webkit-keyframes hvr_wobble_vertical {
  16.65% {
    transform: translateY(8px)
  }
  33.3% {
    transform: translateY(-6px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

@-o-keyframes hvr_wobble_vertical {
  16.65% {
    transform: translateY(8px)
  }
  33.3% {
    transform: translateY(-6px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

@keyframes hvr_wobble_vertical {
  16.65% {
    transform: translateY(8px)
  }
  33.3% {
    transform: translateY(-6px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

@-moz-keyframes hvr_wobble_to_bottom_right {
  16.65% {
    transform: translate(8px, 8px)
  }
  33.3% {
    transform: translate(-6px, -6px)
  }
  49.95% {
    transform: translate(4px, 4px)
  }
  66.6% {
    transform: translate(-2px, 2px)
  }
  83.25% {
    transform: translate(1px, 1px)
  }
  100% {
    transform: translate(0, 0)
  }
}

@-webkit-keyframes hvr_wobble_to_bottom_right {
  16.65% {
    transform: translate(8px, 8px)
  }
  33.3% {
    transform: translate(-6px, -6px)
  }
  49.95% {
    transform: translate(4px, 4px)
  }
  66.6% {
    transform: translate(-2px, 2px)
  }
  83.25% {
    transform: translate(1px, 1px)
  }
  100% {
    transform: translate(0, 0)
  }
}

@-o-keyframes hvr_wobble_to_bottom_right {
  16.65% {
    transform: translate(8px, 8px)
  }
  33.3% {
    transform: translate(-6px, -6px)
  }
  49.95% {
    transform: translate(4px, 4px)
  }
  66.6% {
    transform: translate(-2px, 2px)
  }
  83.25% {
    transform: translate(1px, 1px)
  }
  100% {
    transform: translate(0, 0)
  }
}

@keyframes hvr_wobble_to_bottom_right {
  16.65% {
    transform: translate(8px, 8px)
  }
  33.3% {
    transform: translate(-6px, -6px)
  }
  49.95% {
    transform: translate(4px, 4px)
  }
  66.6% {
    transform: translate(-2px, 2px)
  }
  83.25% {
    transform: translate(1px, 1px)
  }
  100% {
    transform: translate(0, 0)
  }
}

@-moz-keyframes hvr_wobble_to_top_right {
  16.65% {
    transform: translate(8px, -8px)
  }
  33.3% {
    transform: translate(-6px, 6px)
  }
  49.95% {
    transform: translate(4px, -4px)
  }
  66.6% {
    transform: translate(-2px, 2px)
  }
  83.25% {
    transform: translate(1px, -1px)
  }
  100% {
    transform: translate(0, 0)
  }
}

@-webkit-keyframes hvr_wobble_to_top_right {
  16.65% {
    transform: translate(8px, -8px)
  }
  33.3% {
    transform: translate(-6px, 6px)
  }
  49.95% {
    transform: translate(4px, -4px)
  }
  66.6% {
    transform: translate(-2px, 2px)
  }
  83.25% {
    transform: translate(1px, -1px)
  }
  100% {
    transform: translate(0, 0)
  }
}

@-o-keyframes hvr_wobble_to_top_right {
  16.65% {
    transform: translate(8px, -8px)
  }
  33.3% {
    transform: translate(-6px, 6px)
  }
  49.95% {
    transform: translate(4px, -4px)
  }
  66.6% {
    transform: translate(-2px, 2px)
  }
  83.25% {
    transform: translate(1px, -1px)
  }
  100% {
    transform: translate(0, 0)
  }
}

@keyframes hvr_wobble_to_top_right {
  16.65% {
    transform: translate(8px, -8px)
  }
  33.3% {
    transform: translate(-6px, 6px)
  }
  49.95% {
    transform: translate(4px, -4px)
  }
  66.6% {
    transform: translate(-2px, 2px)
  }
  83.25% {
    transform: translate(1px, -1px)
  }
  100% {
    transform: translate(0, 0)
  }
}

@-moz-keyframes hvr_wobble_top {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@-webkit-keyframes hvr_wobble_top {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@-o-keyframes hvr_wobble_top {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@keyframes hvr_wobble_top {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@-moz-keyframes hvr_wobble_bottom {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@-webkit-keyframes hvr_wobble_bottom {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@-o-keyframes hvr_wobble_bottom {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@keyframes hvr_wobble_bottom {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@-moz-keyframes hvr_wobble_skew {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@-webkit-keyframes hvr_wobble_skew {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@-o-keyframes hvr_wobble_skew {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@keyframes hvr_wobble_skew {
  16.65% {
    transform: skew(-12deg)
  }
  33.3% {
    transform: skew(10deg)
  }
  49.95% {
    transform: skew(-6deg)
  }
  66.6% {
    transform: skew(4deg)
  }
  83.25% {
    transform: skew(-2deg)
  }
  100% {
    transform: skew(0)
  }
}

@-moz-keyframes hvr_buzz {
  50% {
    transform: translateX(3px) rotate(2deg)
  }
  100% {
    transform: translateX(-3px) rotate(-2deg)
  }
}

@-webkit-keyframes hvr_buzz {
  50% {
    transform: translateX(3px) rotate(2deg)
  }
  100% {
    transform: translateX(-3px) rotate(-2deg)
  }
}

@-o-keyframes hvr_buzz {
  50% {
    transform: translateX(3px) rotate(2deg)
  }
  100% {
    transform: translateX(-3px) rotate(-2deg)
  }
}

@keyframes hvr_buzz {
  50% {
    transform: translateX(3px) rotate(2deg)
  }
  100% {
    transform: translateX(-3px) rotate(-2deg)
  }
}

@-moz-keyframes hvr_buzz_out {
  10% {
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    transform: translateX(1px) rotate(0)
  }
  100% {
    transform: translateX(-1px) rotate(0)
  }
}

@-webkit-keyframes hvr_buzz_out {
  10% {
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    transform: translateX(1px) rotate(0)
  }
  100% {
    transform: translateX(-1px) rotate(0)
  }
}

@-o-keyframes hvr_buzz_out {
  10% {
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    transform: translateX(1px) rotate(0)
  }
  100% {
    transform: translateX(-1px) rotate(0)
  }
}

@keyframes hvr_buzz_out {
  10% {
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    transform: translateX(1px) rotate(0)
  }
  100% {
    transform: translateX(-1px) rotate(0)
  }
}

@-moz-keyframes hvr_back_pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75)
  }
}

@-webkit-keyframes hvr_back_pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75)
  }
}

@-o-keyframes hvr_back_pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75)
  }
}

@keyframes hvr_back_pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75)
  }
}

@-moz-keyframes hvr_border_ripple_out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 1
  }
}

@-webkit-keyframes hvr_border_ripple_out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 1
  }
}

@-o-keyframes hvr_border_ripple_out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 1
  }
}

@keyframes hvr_border_ripple_out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 1
  }
}

@-moz-keyframes hvr_border_ripple_in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1
  }
}

@-webkit-keyframes hvr_border_ripple_in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1
  }
}

@-o-keyframes hvr_border_ripple_in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1
  }
}

@keyframes hvr_border_ripple_in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1
  }
}

@-moz-keyframes hvr_icon_down {
  0%, 50%, 100% {
    transform: translateY(0)
  }
  25%, 75% {
    transform: translateY(6px)
  }
}

@-webkit-keyframes hvr_icon_down {
  0%, 50%, 100% {
    transform: translateY(0)
  }
  25%, 75% {
    transform: translateY(6px)
  }
}

@-o-keyframes hvr_icon_down {
  0%, 50%, 100% {
    transform: translateY(0)
  }
  25%, 75% {
    transform: translateY(6px)
  }
}

@keyframes hvr_icon_down {
  0%, 50%, 100% {
    transform: translateY(0)
  }
  25%, 75% {
    transform: translateY(6px)
  }
}

@-moz-keyframes hvr_icon_up {
  0%, 50%, 100% {
    transform: translateY(0)
  }
  25%, 75% {
    transform: translateY(-6px)
  }
}

@-webkit-keyframes hvr_icon_up {
  0%, 50%, 100% {
    transform: translateY(0)
  }
  25%, 75% {
    transform: translateY(-6px)
  }
}

@-o-keyframes hvr_icon_up {
  0%, 50%, 100% {
    transform: translateY(0)
  }
  25%, 75% {
    transform: translateY(-6px)
  }
}

@keyframes hvr_icon_up {
  0%, 50%, 100% {
    transform: translateY(0)
  }
  25%, 75% {
    transform: translateY(-6px)
  }
}

@-moz-keyframes hvr_icon_drop {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0;
    transform: translateY(-100%)
  }
  51%, 100% {
    opacity: 1
  }
}

@-webkit-keyframes hvr_icon_drop {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0;
    transform: translateY(-100%)
  }
  51%, 100% {
    opacity: 1
  }
}

@-o-keyframes hvr_icon_drop {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0;
    transform: translateY(-100%)
  }
  51%, 100% {
    opacity: 1
  }
}

@keyframes hvr_icon_drop {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0;
    transform: translateY(-100%)
  }
  51%, 100% {
    opacity: 1
  }
}

@-moz-keyframes hvr_icon_float_away {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: translateY(-1em)
  }
}

@-webkit-keyframes hvr_icon_float_away {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: translateY(-1em)
  }
}

@-o-keyframes hvr_icon_float_away {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: translateY(-1em)
  }
}

@keyframes hvr_icon_float_away {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: translateY(-1em)
  }
}

@-moz-keyframes hvr_icon_sink_away {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: translateY(1em)
  }
}

@-webkit-keyframes hvr_icon_sink_away {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: translateY(1em)
  }
}

@-o-keyframes hvr_icon_sink_away {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: translateY(1em)
  }
}

@keyframes hvr_icon_sink_away {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: translateY(1em)
  }
}

@-moz-keyframes hvr_icon_pulse {
  25% {
    transform: scale(1.3)
  }
  75% {
    transform: scale(.8)
  }
}

@-webkit-keyframes hvr_icon_pulse {
  25% {
    transform: scale(1.3)
  }
  75% {
    transform: scale(.8)
  }
}

@-o-keyframes hvr_icon_pulse {
  25% {
    transform: scale(1.3)
  }
  75% {
    transform: scale(.8)
  }
}

@keyframes hvr_icon_pulse {
  25% {
    transform: scale(1.3)
  }
  75% {
    transform: scale(.8)
  }
}

@-moz-keyframes hvr_icon_pulse_grow {
  to {
    transform: scale(1.3)
  }
}

@-webkit-keyframes hvr_icon_pulse_grow {
  to {
    transform: scale(1.3)
  }
}

@-o-keyframes hvr_icon_pulse_grow {
  to {
    transform: scale(1.3)
  }
}

@keyframes hvr_icon_pulse_grow {
  to {
    transform: scale(1.3)
  }
}

@-moz-keyframes hvr_icon_pulse_shrink {
  to {
    transform: scale(.8)
  }
}

@-webkit-keyframes hvr_icon_pulse_shrink {
  to {
    transform: scale(.8)
  }
}

@-o-keyframes hvr_icon_pulse_shrink {
  to {
    transform: scale(.8)
  }
}

@keyframes hvr_icon_pulse_shrink {
  to {
    transform: scale(.8)
  }
}

@-moz-keyframes hvr_icon_push {
  50% {
    transform: scale(.5)
  }
}

@-webkit-keyframes hvr_icon_push {
  50% {
    transform: scale(.5)
  }
}

@-o-keyframes hvr_icon_push {
  50% {
    transform: scale(.5)
  }
}

@keyframes hvr_icon_push {
  50% {
    transform: scale(.5)
  }
}

@-moz-keyframes hvr_icon_pop {
  50% {
    transform: scale(1.5)
  }
}

@-webkit-keyframes hvr_icon_pop {
  50% {
    transform: scale(1.5)
  }
}

@-o-keyframes hvr_icon_pop {
  50% {
    transform: scale(1.5)
  }
}

@keyframes hvr_icon_pop {
  50% {
    transform: scale(1.5)
  }
}

@-moz-keyframes hvr_icon_bob {
  0% {
    transform: translateY(-6px)
  }
  50% {
    transform: translateY(-2px)
  }
  100% {
    transform: translateY(-6px)
  }
}

@-webkit-keyframes hvr_icon_bob {
  0% {
    transform: translateY(-6px)
  }
  50% {
    transform: translateY(-2px)
  }
  100% {
    transform: translateY(-6px)
  }
}

@-o-keyframes hvr_icon_bob {
  0% {
    transform: translateY(-6px)
  }
  50% {
    transform: translateY(-2px)
  }
  100% {
    transform: translateY(-6px)
  }
}

@keyframes hvr_icon_bob {
  0% {
    transform: translateY(-6px)
  }
  50% {
    transform: translateY(-2px)
  }
  100% {
    transform: translateY(-6px)
  }
}

@-moz-keyframes hvr_icon_bob_float {
  100% {
    transform: translateY(-6px)
  }
}

@-webkit-keyframes hvr_icon_bob_float {
  100% {
    transform: translateY(-6px)
  }
}

@-o-keyframes hvr_icon_bob_float {
  100% {
    transform: translateY(-6px)
  }
}

@keyframes hvr_icon_bob_float {
  100% {
    transform: translateY(-6px)
  }
}

@-moz-keyframes hvr_icon_hang {
  0% {
    transform: translateY(6px)
  }
  50% {
    transform: translateY(2px)
  }
  100% {
    transform: translateY(6px)
  }
}

@-webkit-keyframes hvr_icon_hang {
  0% {
    transform: translateY(6px)
  }
  50% {
    transform: translateY(2px)
  }
  100% {
    transform: translateY(6px)
  }
}

@-o-keyframes hvr_icon_hang {
  0% {
    transform: translateY(6px)
  }
  50% {
    transform: translateY(2px)
  }
  100% {
    transform: translateY(6px)
  }
}

@keyframes hvr_icon_hang {
  0% {
    transform: translateY(6px)
  }
  50% {
    transform: translateY(2px)
  }
  100% {
    transform: translateY(6px)
  }
}

@-moz-keyframes hvr_icon_hang_sink {
  100% {
    transform: translateY(6px)
  }
}

@-webkit-keyframes hvr_icon_hang_sink {
  100% {
    transform: translateY(6px)
  }
}

@-o-keyframes hvr_icon_hang_sink {
  100% {
    transform: translateY(6px)
  }
}

@keyframes hvr_icon_hang_sink {
  100% {
    transform: translateY(6px)
  }
}

@-moz-keyframes hvr_icon_wobble_horizontal {
  16.65% {
    transform: translateX(6px)
  }
  33.3% {
    transform: translateX(-5px)
  }
  49.95% {
    transform: translateX(4px)
  }
  66.6% {
    transform: translateX(-2px)
  }
  83.25% {
    transform: translateX(1px)
  }
  100% {
    transform: translateX(0)
  }
}

@-webkit-keyframes hvr_icon_wobble_horizontal {
  16.65% {
    transform: translateX(6px)
  }
  33.3% {
    transform: translateX(-5px)
  }
  49.95% {
    transform: translateX(4px)
  }
  66.6% {
    transform: translateX(-2px)
  }
  83.25% {
    transform: translateX(1px)
  }
  100% {
    transform: translateX(0)
  }
}

@-o-keyframes hvr_icon_wobble_horizontal {
  16.65% {
    transform: translateX(6px)
  }
  33.3% {
    transform: translateX(-5px)
  }
  49.95% {
    transform: translateX(4px)
  }
  66.6% {
    transform: translateX(-2px)
  }
  83.25% {
    transform: translateX(1px)
  }
  100% {
    transform: translateX(0)
  }
}

@keyframes hvr_icon_wobble_horizontal {
  16.65% {
    transform: translateX(6px)
  }
  33.3% {
    transform: translateX(-5px)
  }
  49.95% {
    transform: translateX(4px)
  }
  66.6% {
    transform: translateX(-2px)
  }
  83.25% {
    transform: translateX(1px)
  }
  100% {
    transform: translateX(0)
  }
}

@-moz-keyframes hvr_icon_wobble_vertical {
  16.65% {
    transform: translateY(6px)
  }
  33.3% {
    transform: translateY(-5px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

@-webkit-keyframes hvr_icon_wobble_vertical {
  16.65% {
    transform: translateY(6px)
  }
  33.3% {
    transform: translateY(-5px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

@-o-keyframes hvr_icon_wobble_vertical {
  16.65% {
    transform: translateY(6px)
  }
  33.3% {
    transform: translateY(-5px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

@keyframes hvr_icon_wobble_vertical {
  16.65% {
    transform: translateY(6px)
  }
  33.3% {
    transform: translateY(-5px)
  }
  49.95% {
    transform: translateY(4px)
  }
  66.6% {
    transform: translateY(-2px)
  }
  83.25% {
    transform: translateY(1px)
  }
  100% {
    transform: translateY(0)
  }
}

@-moz-keyframes hvr_icon_buzz {
  50% {
    transform: translateX(3px) rotate(2deg)
  }
  100% {
    transform: translateX(-3px) rotate(-2deg)
  }
}

@-webkit-keyframes hvr_icon_buzz {
  50% {
    transform: translateX(3px) rotate(2deg)
  }
  100% {
    transform: translateX(-3px) rotate(-2deg)
  }
}

@-o-keyframes hvr_icon_buzz {
  50% {
    transform: translateX(3px) rotate(2deg)
  }
  100% {
    transform: translateX(-3px) rotate(-2deg)
  }
}

@keyframes hvr_icon_buzz {
  50% {
    transform: translateX(3px) rotate(2deg)
  }
  100% {
    transform: translateX(-3px) rotate(-2deg)
  }
}

@-moz-keyframes hvr_icon_buzz_out {
  10% {
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    transform: translateX(1px) rotate(0)
  }
  100% {
    transform: translateX(-1px) rotate(0)
  }
}

@-webkit-keyframes hvr_icon_buzz_out {
  10% {
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    transform: translateX(1px) rotate(0)
  }
  100% {
    transform: translateX(-1px) rotate(0)
  }
}

@-o-keyframes hvr_icon_buzz_out {
  10% {
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    transform: translateX(1px) rotate(0)
  }
  100% {
    transform: translateX(-1px) rotate(0)
  }
}

@keyframes hvr_icon_buzz_out {
  10% {
    transform: translateX(3px) rotate(2deg)
  }
  20% {
    transform: translateX(-3px) rotate(-2deg)
  }
  30% {
    transform: translateX(3px) rotate(2deg)
  }
  40% {
    transform: translateX(-3px) rotate(-2deg)
  }
  50% {
    transform: translateX(2px) rotate(1deg)
  }
  60% {
    transform: translateX(-2px) rotate(-1deg)
  }
  70% {
    transform: translateX(2px) rotate(1deg)
  }
  80% {
    transform: translateX(-2px) rotate(-1deg)
  }
  90% {
    transform: translateX(1px) rotate(0)
  }
  100% {
    transform: translateX(-1px) rotate(0)
  }
}